.root{
    width: 300px;

    height: 300px;
    background: coral;
    margin: 0 auto;
    transform: translateY(50%);
}

.outer{
    width: 200px;

    height: 200px;
    background: beige;
    margin: 0 auto;
    transform: translateY(10%);
}

.inner{
    width: 100px;

    height: 100px;
    background: chartreuse;
    margin: 0 auto;
    transform: translateY(10%);
}